<div class="module">
	<div>
		<p>debug 信息:</p>
		<pre data-bind="text:ko.toJSON($root,null,2)"></pre>
	</div>
	<hr/>
	<div class="content">
		<p>header模块路径：app/app-main/modules/header</p>
		<p>header2模块路径：app/app-main/modules/header2</p>
		<p>组合header模块的视图（默认访问视图路径为<b>app/views</b>,所以需要通过<code>..</code>返回到app目录下,模型则为当前组合该视图的模型，如果没有，则去默认模型目录查询）</p>
		<code>&lt;div&gt; data-bind="compose:'../app-main/modules/header/header.html'">&lt;/div&gt;</code>
		<div data-bind="compose:'../app-main/modules/header/header.html'"></div>
		<hr />
		<p>组合header模块（默认访问模型路径为<b>app/viewmodels</b>,所以需要通过<code>..</code>返回到app目录下，视图则会优先在模块所在目录查找同名的视图文件，然后去默认视图目录查询）</p>
		<code>&lt;div&gt; data-bind="compose:'../app-main/modules/header/header'">&lt;/div&gt;</code>
		<div data-bind="compose:'../app-main/modules/header/header'"></div>
		<hr />
		<p>组合header模块</p>
		<code>&lt;div&gt; data-bind="compose:{model:'../app-main/modules/header/header'}">&lt;/div&gt;</code>
		<div data-bind="compose:{model:'../app-main/modules/header/header'}"></div>
		<hr />
		<p>组合header模块的视图（这种形式可以不写<code>.html</code>扩展名）</p>
		<code>&lt;div&gt; data-bind="compose:{view:'../app-main/modules/header/header'}">&lt;/div&gt;</code>
		<div data-bind="compose:{view:'../app-main/modules/header/header'}"></div>
		<hr />
		<p>组合header模块（模型和视图都明确定义，不使用默认查找行为）</p>
		<code>&lt;div&gt; data-bind="compose:{model:'../app-main/modules/header/header',view:'../app-main/modules/header/header'}">&lt;/div&gt;</code>
		<div data-bind="compose:{model:'../app-main/modules/header/header',view:'../app-main/modules/header/header'}"></div>
		<hr />
		<p>通过model,strategy来自定义实现模型(暂时没看懂，注释掉)</p>
		<!--<code>&lt;div&gt; data-bind="compose:{model:$data,strategy:'../app-main/modules/header-strategy/header'}">&lt;/div&gt;</code>
		<div data-bind="compose:{model:'../app-main/modules/header/header',strategy:'../app-main/modules/header-strategy/header'}"></div>
		--><hr />
		<p>组合header模块允许访问父级上下文（<code>preserveContext:true</code>）,默认：false</p>
		<code>&lt;div&gt; data-bind="compose:{model:'../app-main/modules/header2/header',preserveContext:true}">&lt;/div&gt;</code>
		<div data-bind="compose:{model:'../app-main/modules/header2/header',preserveContext:true}"></div>
		<hr />
		<p>传递给模块数据（activationData:{name:'ted',age:22}）</p>
		<div data-bind="compose:{model:'../app-main/modules/header3/header',activationData:{name:'ted',age:22}}"></div>
		<hr />
		<p>compose的模式有 loader（default）、inline、templated</p>
		<span>详情请见<a href="index-samples.html#view-composition">index-samples.html#view-composition</a></span>
		<hr />
		<p>compse绑定对象的所有属性，（<a href="http://durandaljs.com/documentation/Using-Composition.html">官方文档</a>中有提及的) </p>
		<pre data-bind="text:ko.toJSON(composeProps,null,2)"></pre>
	</div>
</div>